<!--
 * @Author: 孙文豪
 * @Description: 个人信息弹窗组件
 * @Date: 2024-03-06 14:56:43
 * @LastEditTime: 2024-03-06 15:03:43
 * @LastEditors: 孙文豪
-->
<template>
  <swh-drag-box
    :title="'个人信息'"
    :zIndex="9999"
    :isMask="true"
    :isPadding="false"
    @closePortability="close"
    @confirmDarg="confirm"
  >
    <div class="personal-info">
      <p>自定义内容区域</p>
      <p>1. 个人信息可编辑</p>
      <p>2. 具体信息待定</p>
      <p>3. 请求接口获取当前登录账户信息</p>
    </div>
  </swh-drag-box>
</template>

<script>
import { reactive, toRefs, onBeforeMount, onMounted } from 'vue';
export default {
  name: '',
  setup(props, ctx) {
    const data = reactive({});
    onBeforeMount(() => {});
    onMounted(() => {});
    const close = () => {
      ctx.emit('close');
    };
    // 点击确认事件
    const confirm = () => {
      console.log(22222);
    };
    return {
      confirm,
      close,
      ...toRefs(data)
    };
  }
};
</script>
<style scoped lang="less">
.personal-info {
  width: 760px;
  padding: 20px;
  box-sizing: border-box;
  background: #fff;
  p {
    font-size: 14px;
    line-height: 24px;
  }
}
</style>
